<!DOCTYPE html>
<html>
  <body>
    <head>
      <meta charset="utf-8" />
      <title>在线压缩图片,在线无损压缩图片</title>
      <link rel="stylesheet" type="text/css" href="static/css/global.min.css" />
      <link rel="stylesheet" type="text/css" href="static/css/common.css" />
      <link rel="stylesheet" type="text/css" href="./static/css/index.css" />
      <link
        rel="stylesheet"
        type="text/css"
        href="static/css/zui.uploader.min.css"
      />
    </head>
    <script src="./static/js/lodash.js"></script>
    <div class="container t-small-margin">
      <h1 class="font-18 v-big-margin no-padding-v">图片压缩工具</h1>
      <!--  start 各个模块代码 -->
      <div class="t-big-margin">
        <div id="uploaderCompress" class="uploader no-margin-b clear-both">
          <div
            class="file-list mini-radius"
            data-drag-placeholder="请拖拽本地文件到此处"
          ></div>
          <button
            type="button"
            class="btn btn-primary uploader-btn-browse float-left"
            id="compressBtn"
            data-loading-text="图片上传中..."
          >
            选择图片
          </button>
          <div class="input-group" id="upload-container">
            <span class="input-group-addon">0%</span>
            <div class="form-control">
              <input
                id="range"
                type="range"
                class="width-100"
                min="0"
                max="100"
                value="60"
              />
            </div>
            <span class="input-group-addon">100%</span>
          </div>
          <p class="compress-p no-margin-b">压缩率<span id="rv">60%</span></p>
        </div>
      </div>
      <button
        type="button"
        class="btn btn-primary uploader-btn-browse float-left"
        id="downloadPicsss"
        data-loading-text="图片下载中..."
      >
        下载图片
      </button>
      <div class="imgList" id="imageContainer">
        <!-- <div class="img_box">
          <div class="img_not">源文件：<span class="textNot">200KB</span></div>
          <div class="img_not">
            压缩后传输大小：<span class="textOk">20KB （省99%）</span>
          </div>
          <div class="img_Img">
            <a class="aImgLink" href="" download="aaa.png">
              <img src="./img/蜘蛛精v5.png" alt="" />
            </a>
          </div>
        </div> -->
      </div>
    </div>
    <script
      src="static/js/global.min.js"
      type="text/javascript"
      charset="utf-8"
    ></script>
    <!-- 引入组件 -->
    <script src="static/js/zui.uploader.min.js"></script>
    <script src="static/js/compress.js"></script>
    <script src="static/js/lrz.bundle.js"></script>
  </body>
</html>
